@font-face {
  font-family: 'yicon';
  src:  url('fonts/yicon.eot?g2nvlu');
  src:  url('fonts/yicon.eot?g2nvlu#iefix') format('embedded-opentype'),
    url('fonts/yicon.ttf?g2nvlu') format('truetype'),
    url('fonts/yicon.woff?g2nvlu') format('woff'),
    url('fonts/yicon.svg?g2nvlu#yicon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'yicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-codepen:before {
  content: "\e904";
}
.icon-codesandbox:before {
  content: "\e905";
}
.icon-heart:before {
  content: "\e906";
}
.icon-list1:before {
  content: "\e907";
}
.icon-more-horizontal:before {
  content: "\e908";
}
.icon-more-vertical:before {
  content: "\e909";
}
.icon-thermometer:before {
  content: "\e90a";
}
.icon-download:before {
  content: "\e900";
}
.icon-printer:before {
  content: "\e901";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-home:before {
  content: "\e800";
}
.icon-lock:before {
  content: "\e80f";
}
.icon-picture:before {
  content: "\e827";
}
.icon-user:before {
  content: "\e82a";
}
.icon-users:before {
  content: "\e82b";
}
.icon-cart:before {
  content: "\e82e";
}
.icon-phone:before {
  content: "\e831";
}
.icon-magnifier:before {
  content: "\e86f";
}
.icon-cross:before {
  content: "\e870";
}
.icon-list:before {
  content: "\e872";
}
.icon-chevron-left:before {
  content: "\e875";
}
.icon-chevron-right:before {
  content: "\e876";
}
.icon-details:before {
  content: "\e902";
}
.icon-product:before {
  content: "\e903";
}